<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<head>
<th:block data-th-replace="/adminlte/base::base-head"></th:block>
</head>
<body class="hold-transition sidebar-mini layout-fixed">
<div class="wrapper">
<th:block data-th-replace="/adminlte/base::base-navbar"></th:block>
<th:block data-th-replace="/adminlte/base::base-main-sidebar"></th:block>
<div class="content-wrapper">
	<th:block data-th-replace="/adminlte/base::base-content-header"></th:block>
	<section class="content">
		<div class="container-fluid">
			<div class="card">
	            <div class="card-header">
	            	<div class="row mt-2">
	            		<div class="input-group mx-2 mb-2">
		                  <div class="input-group-prepend">
								<button type="submit" class="btn btn-default" data-get-username="#search-article" onclick="changeThis(this)">
									<i class="fas fa-search"></i>
								</button>
							</div>
							<input id="search-article" type="text" name="table_search" class="form-control" placeholder="Search" 
							  autofocus="autofocus" data-get-search="#search-article" onkeyup="enterThis(this, changeThis)">
		              	</div>
	            	</div>
	            </div>
	            <div class="card-body">
	            	<div class="table-responsive">
		              <table id="user-table" class="table table-bordered table-hover table-striped">
		              	<colgroup>
		              		<col width="50"/>
		              		<col width="200"/>
		              		<col width="200"/>
		              		<col/>
		              		<col width="150"/>
		              		<col width="170"/>
		              		<col width="170"/>
		              	</colgroup>
		                <thead>
			                <tr>
								<th>ID</th>
								<th>来源</th>
								<th>接收</th>
								<th>标题</th>
								<th>状态</th>
								<th>更新时间</th>
								<th>创建时间</th>
			                </tr>
		                </thead>
		                <tbody>
		                	<tr data-th-each="message : ${messagePage.data}">
		                		<td data-th-utext="${message.id}">排序</td>
								<td data-th-utext="${userUtils.getNickname(message.fromId)}">角色描述</td>
								<td data-th-utext="${message.toId==null?'所有用户':userUtils.getNickname(message.toId)}">角色描述</td>
								<td>
									<a data-th-utext="${message.title}" href="#" target="_blank"></a>
								</td>
								<td data-th-utext="${message.toId==null?'公告':(message.read?'已读':'未读')}">角色描述</td>
								<td data-th-utext="${LocalDateTimeUtils.format(message.createTime)}">角色描述</td>
								<td data-th-utext="${LocalDateTimeUtils.format(message.createTime)}">角色描述</td>
							</tr>
		                </tbody>
		              </table>
	            	</div>
	            	<th:block data-th-replace="/adminlte/base::pageNav(${messagePage}, '条消息')"></th:block>
	            </div>
			</div>
		</div>
	</section>
</div>
<th:block data-th-replace="/adminlte/base::base-footer"></th:block>
<th:block data-th-replace="/adminlte/base::base-control-sidebar"></th:block>
</div>
<script src="/kaibes/js/extend.js"></script>
</body>
</html>